@import "../../../assets/styles/variables.less";
.login-wrap {
  margin: -82rpx 55rpx 0 55rpx;
  background: #fff;
  padding: 131rpx 44rpx;
  box-shadow: 0px 9px 27px 0px rgba(0, 109, 238, 0.12);
  border-radius: 20rpx;
  .phone-input {
    position: relative;
    padding: 22rpx 0;
    margin-bottom: 100rpx;
    display: flex;
    &::after {
      content: '';
      height: 2rpx;
      width: 100%;
      background: #EEEEEE;
      position: absolute;
      bottom: 0;
    }
    &.focus::after {
      background: #006DE7;
    }
    .line {
      width: 2rpx;
      height: 72rpx;
      margin-top: -20rpx;
      background: #EEEEEE;
    }
    .send {
      width: 178rpx;
      color: #006DE7;
      padding-left: 28rpx;
      font-size: 28rpx;
      text-align: center;
    }
    image {
      width: 178rpx;
      height: 72rpx;
    }
  }
  .lgin-btn {
    background: @blue-gradient;
    width: 100%;
  }
}